<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">   
    <title>办公</title>
    <link rel="stylesheet" href="../../Gonggong/icon/iconfont.css">
    <link rel="stylesheet" href="../../Gonggong/css/common.css">
    <link rel="stylesheet" href="./css/bangong.css">
    <script src="../../Gonggong/js/utils.js"></script>
    <script>
        window.onload=function(){
        // utils.addHeader(0,'修改密码',``,'1');
        utils.addFooter(1);
             }
    </script>
</head>
<body>

    <header>
        <span class="f20">办公</span>
        <span>
            <i class="iconfont icon-sousuo1 i1"></i>
            <i class="iconfont icon-erweima "></i>
        </span>
      
    </header>
    

    <div class="main">

    
    <div class="images">
        <div class="images-zi">
            <p>智能协作 高效办公</p>
            <span class="f12">智能化流程办公 提升行政人事效率</span>
        </div>
        <img src="../../Gonggong/img/Work/huiyishi/头像1.png" alt="">
    </div>


    <div class="main-item">
        <div class="main-item-dai">
            <span>待办提醒</span>
            <a href="" class="f12">全部</a>
            <i class="iconfont icon-xiangyou"></i>
        </div>
        <a href="" class="f12 shen">
            <p>
                <span class="shi">审批通知</span>
                <span >1小时前</span>
            </p>
            <p class="di">
                <span>您有3条审批待处理</span>
                <button></button>
            </p>
        </a>
        <a href="" class="f12 shen">
            <p>
                <span class="shi">绩效考核</span>
                <span>2小时前</span>
            </p>
            <p class="di1">
                <span>您有1条新的待处理考核</span>
                <button></button>
            </p>
        </a>
    </div>



    <div class="main-chang">
        <h4>常用功能</h4>
        <div class="main-chang-ico">
            <a href="">
                <i class="iconfont icon-youxiang "></i>
                <span>考勤打卡</span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang r"></i>
                <span>审批</span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang g"></i>
                <span>日程</span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang y"></i>
                <span>公告</span>
            </a>
            
        </div>
    </div>
    <div class="main-chang">
        <h4>人事</h4>
        <div class="main-chang-ico">
            <a href="">
                <i class="iconfont icon-youxiang y"></i>
                <span>入职登记</span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang g"></i>
                <span>我的招聘</span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang "></i>
                <span>考勤打卡</span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang r"></i>
                <span>审批</span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang p"></i>
                <span>我的绩效</span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang y"></i>
                <span>我的社保</span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang g"></i>
                <span>我的工资条</span>
            </a>
            <a href=""></a>
            
        </div>
    </div>
    <div class="main-chang zheng">
        <h4>行政</h4>
        <div class="main-chang-ico">
            <a href="">
                <i class="iconfont icon-youxiang r"></i>
                <span>会议室预定</span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang p"></i>
                <span>车辆</span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang y"></i>
                <span>资产 </span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang"></i>
                <span>文档库</span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang g"></i>
                <span>新闻</span>
            </a>
            <a href="">
                <i class="iconfont icon-youxiang y"></i>
                <span>公告</span>
            </a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            
        </div>
    </div>
    </div>


    <footer>
    <a href="">
        <i class="iconfont icon-richeng1"></i>
        <span>办公</span>
    </a>
    <a href="">
        <i class="iconfont icon-richeng1"></i>
        <span>日程</span>
    </a>
    <a href="">
        <i class="iconfont iconfont icon-youxiang"></i>
        <span>通讯录</span>
    </a>
    <a href="">
        <i class="iconfont iconfont icon-youxiang"></i>
        <span>我的</span>
    </a>
    </footer>
</body>
</html>